{% extends 'main/index.html' %}

{% block center %}
<script type="text/javascript">
$(document).ready(function () {
$(".pippo").hide()
$(".json_a").click(function(e){

    var daoid = $(this).attr("id")
    //alert(daoid);
    $('.json_view'+daoid).toggle(200);
          //$('.Edit_dao').load('/pg/ac_Articolo/Edit');
      });

});
</script>
<div id="spots">
<!--
<br /> <br />
-->
<!--
<label for="id_categoria_articolo">Filtra per:</label>
    <select id="id_categoria_articolo" name="id_categoria_articolo" >
        <option value=""></option>
        {% for t in pageData['categorie'] %}
            <option value="{{t.id}}">{{t.denominazione}}</option>
        {% endfor %}
    </select>
-->
     <a id="torna" href="/opendatajson?filter_by_comune={{pageData['comune']}}"<h2>Torna alle categorie di {{pageData["comune"]}}</h2></a>
    <br />  <br />
    <h2>Ci sono {{pageData["numero_daos"]}} inserimenti</h2>
    <br />  <br />
<div class="table_json">
        <div class="data_json"><b>Data</b></div>
        <div class="categoria_json"><b>Categoria</b></div>
        <div class="comune_json"><b>Comune</b></div>
        <div class="json_json" ><b>JSON ()</b></div>
    </div>
 {% for dao in pageData['daos'] %}
    <div class="table_json">
        <div class="data_json">{{dao.data_inserimento|datetimeformat}}</div>
        <div class="categoria_json">{{dao.categoria}}</div>
        <div class="comune_json">{{dao.comune}}</div>
        <div class="json_json" ><a href="#" class="json_a" id="{{dao.id}}" ><img src="/templates/img/json.png" width="30" height="30" alt="JSON"></img></a></div>
        <div class="pippo json_view{{dao.id}}" id="{{dao.id}}">{{dao.objson}}</div>
    </div>

 {% endfor %}</div>
 <br />  <br />
 <a id="torna" href="/opendatajson?filter_by_comune={{pageData['comune']}}"<h2>Torna alle categorie di {{pageData["comune"]}}</h2></a>
    <br />  <br />
<!--end content -->
<!-- </div> -->
{%endblock%}
